{extend name="home/base" /}

{block name="title"}产品 | {/block}

{block name="head"}
<script type="text/javascript" src="/home/static/js/comm/jquery.min.js"></script>
<script type="text/javascript" src="/home/static/js/comm/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/home/static/js/comm/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="/home/static/js/comm/ubox.js" charset="utf-8"></script>
<script type="text/javascript" src="/home/static/js/comm/wow.js" charset="utf-8"></script>
<script type="text/javascript" src="/home/static/js/comm/alert.js" charset="utf-8"></script>
<!--<script type="text/javascript" src="/home/static/js/112833112836.js" charset="utf-8"></script>-->
<link rel="stylesheet" type="text/css" href="/home/static/css/comm/font/css/all.css">
<link rel="stylesheet" type="text/css" href="/home/static/css/comm/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="/home/static/css/comm/box.css"/>
<link rel="stylesheet" type="text/css" href="/home/static/css/comm/alert.css"/>
<link rel="stylesheet" type="text/css" href="/home/static/css/112833112836.css"/>
<script>

    var batchArr = [];
    var checkLoad = 0;//判断是否是回调完成的

    var isOpenMobie = 2;
    var isOpenPad = 2;
    if(isOpenMobie == 1){
        if(isOpenPad == 1){
            $("body").css("width","auto");
        }else{
            //是否手机端判断
            var ua = navigator.userAgent;
            var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
                isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
                isAndroid = ua.match(/(Android)\s+([\d.]+)/),
                isMobile = isIphone || isAndroid;
            if(isMobile){
                $("body").css("width","1280px");
            }else{
                $("body").css("width","auto");
            }
        }
    }else{
        $("body").css("width","auto");
        $("head").append("<meta id='headScreen' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' />");
    }

    //手机屏幕尺寸兼容 purewinter 2019-03-26
    $(window).load(function(){
        bodyScale();
    });
    function bodyScale(){
        var windowWidth = $(window).width();
        $("#bodyScale").remove();
        if(windowWidth < 680){
            var scale = windowWidth / 375;
            $("#headScreen").remove();
            $("head").append("<meta id='headScreen' content='width=375, initial-scale="+scale+", maximum-scale="+scale+", user-scalable=no' name='viewport' />");
        }else if(windowWidth < 960){
            var scale = windowWidth / 960;
            $("#headScreen").remove();
            $("head").append("<meta id='headScreen' content='width=960, initial-scale="+scale+", maximum-scale="+scale+", user-scalable=no' name='viewport' />");
        }
    }

    $(window).load(function(){
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
            setTimeout(function(){
                new WOW().init()
            },150)
        };
    });
    var DIY_WEBSITE_ID = "8001";
    var DIY_JS_SERVER = "s207js.nicebox.cn";
    var DIY_CUR_URL = "http://s207.nicebox.cn/sysTools.php?mod=diy&act=publishPages&page=1&isphp=0&mainHtml=2&imgLoadLate=2&mipSet=0&productHtml=2&newsHtml=2";

</script>
{/block}

{block name="content"}
<div id="layout_1551344355147" class="layout  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
    <div class="view_contents">
        <div id="div_a_includeBlock_1551344355149" class="view a_includeBlock div  none includeView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="div" class="view_contents" >
                <div id="text_style_01_1551344355323" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        语音通信

                    </div>
                </div>
                <div id="text_style_01_1551344355335" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        覆盖客户多种语音业务场景 接入便捷，智能稳定

                    </div>
                </div>
                <div id="text_style_01_1551344355341" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        <a href="contact.html?pageid=112829" target='' style='color:inherit' class='editor-view-extend link-type-1-'>立即体验</a>

                    </div>
                </div>
            </div>
        </div>
        <div id="image_style_01_1551344355154" class="view style_01 image  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="image" class="view_contents" >
                <div class="imgStyle CompatibleImg">

                    <a href='javascript:;' target="">

                        <img class="picSet link-type-" src="/home/static/img/upimages/pkgimg/kbanner/banner2.jpg" title="" alt="描述" id="imageModeShow"/>

                    </a>

                </div>






                <!-- 新加的js  -->

            </div>
        </div>
    </div>
</div>
<div id="layout_1551335736683" class="layout  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
    <div class="view_contents">
        <div id="text_style_01_1551335736685" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="text" class="view_contents" >
                语音通信

            </div>
        </div>
        <div id="text_style_01_1551335736699" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="text" class="view_contents" >
                致力于互联网络技术的开发与研究

            </div>
        </div>
    </div>
</div>
<div id="layout_1551335724319" class="layout  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
    <div class="view_contents">
        <div id="div_a_includeBlock_1551335868718" class="view a_includeBlock div  none includeView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="div" class="view_contents" >
                <div id="image_style_01_1551335896422" class="view style_01 image  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="image" class="view_contents" >
                        <div class="imgStyle CompatibleImg">

                            <a href='javascript:;' target="">

                                <img class="picSet link-type-" src="/home/static/img/upimages/pkgimg/gai3/20190522150031906.png" title="" alt="描述" id="imageModeShow"/>

                            </a>

                        </div>






                        <!-- 新加的js  -->

                    </div>
                </div>
                <div id="text_style_01_1551336160861" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        语音智“识”

                    </div>
                </div>
                <div id="text_style_01_1551336191981" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        全天候智能语音机器人，提升催缴、通知、回访和问卷等场景

                    </div>
                </div>
            </div>
        </div>
        <div id="div_a_includeBlock_1551336489233" class="view a_includeBlock div  none includeView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="div" class="view_contents" >
                <div id="image_style_01_1551336489417" class="view style_01 image  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="image" class="view_contents" >
                        <div class="imgStyle CompatibleImg">

                            <a href='javascript:;' target="">

                                <img class="picSet link-type-" src="/home/static/img/upimages/pkgimg/gai3/20190522150031701.png" title="" alt="描述" id="imageModeShow"/>

                            </a>

                        </div>






                        <!-- 新加的js  -->

                    </div>
                </div>
                <div id="text_style_01_1551336489425" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        智能导航

                    </div>
                </div>
                <div id="text_style_01_1551336489429" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        全天候智能语音机器人，提升催缴、通知、回访和问卷等场景

                    </div>
                </div>
            </div>
        </div>
        <div id="div_a_includeBlock_1551336494070" class="view a_includeBlock div  none includeView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="div" class="view_contents" >
                <div id="image_style_01_1551336494186" class="view style_01 image  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="image" class="view_contents" >
                        <div class="imgStyle CompatibleImg">

                            <a href='javascript:;' target="">

                                <img class="picSet link-type-" src="/home/static/img/upimages/pkgimg/gai3/20190522150031820.png" title="" alt="描述" id="imageModeShow"/>

                            </a>

                        </div>






                        <!-- 新加的js  -->

                    </div>
                </div>
                <div id="text_style_01_1551336494194" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        交互分析

                    </div>
                </div>
                <div id="text_style_01_1551336494199" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        全天候智能语音机器人，提升催缴、通知、回访和问卷等场景

                    </div>
                </div>
            </div>
        </div>
        <div id="div_a_includeBlock_1551336498423" class="view a_includeBlock div  none includeView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="div" class="view_contents" >
                <div id="image_style_01_1551336498538" class="view style_01 image  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="image" class="view_contents" >
                        <div class="imgStyle CompatibleImg">

                            <a href='javascript:;' target="">

                                <img class="picSet link-type-" src="/home/static/img/upimages/pkgimg/gai3/20190522150031521.png" title="" alt="描述" id="imageModeShow"/>

                            </a>

                        </div>






                        <!-- 新加的js  -->

                    </div>
                </div>
                <div id="text_style_01_1551336498553" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        智转文本

                    </div>
                </div>
                <div id="text_style_01_1551336498557" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
                    <div names="text" class="view_contents" >
                        全天候智能语音机器人，提升催缴、通知、回访和问卷等场景

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="layout_1551336886505" class="layout  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
    <div class="view_contents">
        <div id="text_style_01_1551336886507" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="text" class="view_contents" >
                合作客户

            </div>
        </div>
        <div id="text_style_01_1551336886516" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="text" class="view_contents" >
                致力于互联网络技术的开发与研究

            </div>
        </div>
    </div>
</div>
<div id="layout_1551335722812" class="layout  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
    <div class="view_contents">
        <div id="banner_style_04_1551337872047" class="view style_04 banner  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="banner" class="view_contents" >
                <script></script><div class="bannerStyle_4">
                <!-- imgMove -->
                <div class="imgMove" id="banner_style_04_1551337872047imgMove">
                    <div class="subMove">
                        <ul id="banner_style_04_1551337872047itemOne">

                            <li><a href=""><img src="/home/static/img/upimages/pkgimg/logo/2019022815150956.jpg"/></a></li>

                            <li><a href=""><img src="/home/static/img/upimages/pkgimg/logo/mni.jpg"/></a></li>

                            <li><a href=""><img src="/home/static/img/upimages/pkgimg/logo/asd.jpg"/></a></li>

                            <li><a href=""><img src="/home/static/img/upimages/pkgimg/logo/fq.jpg"/></a></li>

                            <li><a href=""><img src="/home/static/img/upimages/pkgimg/logo/rtg.jpg"/></a></li>

                            <li><a href=""><img src="/home/static/img/upimages/pkgimg/logo/frg.jpg"/></a></li>

                            <li><a href=""><img src="/home/static/img/upimages/pkgimg/logo/timg.jpg"/></a></li>

                            <li><a href=""><img src="/home/static/img/upimages/pkgimg/logo/asda.jpg"/></a></li>

                            <li><a href=""><img src="/home/static/img/upimages/pkgimg/logo/ad.jpg"/></a></li>

                        </ul>
                        <ul id="banner_style_04_1551337872047itemTwo"></ul>
                        <ul id="banner_style_04_1551337872047itemThree"></ul>
                    </div>
                </div>
            </div>
                <!-- JavaScript -->
                <script type="text/javascript">

                    $(document).stop().ready(function(){

                        //-imgMove全局定义
                        var flag = 2;//控制是否放大的开启
                        console.log("sss:"+15+"");
                        var speed = ""+15+"";
                        var itemMove = document.getElementById("banner_style_04_1551337872047imgMove");
                        var itemOne = document.getElementById("banner_style_04_1551337872047itemOne");
                        var itemTwo = document.getElementById("banner_style_04_1551337872047itemTwo");
                        var itemThree = document.getElementById("banner_style_04_1551337872047itemThree");
                        itemTwo.innerHTML = itemOne.innerHTML;
                        itemThree.innerHTML = itemOne.innerHTML;
                        var imgScroll=setInterval(Marquee,speed);

                        if(flag==1){
                            var banner4BoxHtml = $("<div class='banner4Box'><div class='boxExit'><img src='img/banner/style_04/hover_close.png'/></div><div class='subBox'><div class='boxCon'><div class='boxBefore'><img src='img/banner/style_04/hover_left.png'/></div><div class='boxAfter'><img src='img/banner/style_04/hover_right.png'/></div><ul class='boxScroll' id='boxScroll'></ul></div></div></div>");
                            $("body").append(banner4BoxHtml);
                            flag = 0;
                        }
                        try{
                            var boxScrollHtml = document.getElementById("boxScroll");
                            boxScrollHtml.innerHTML = itemTwo.innerHTML;
                            $("#boxScroll").prepend("<li><a><img src='img/upimages/pkgimg/logo/ad.jpg'/></a></li>");
                            $("#boxScroll").append("<li><a><img src='img/upimages/pkgimg/logo/2019022815150956.jpg'/></a></li>");
                        }catch(err){
                        }


                        //-banner4Box全局定义
                        var moveLeft;
                        var imgWidth;
                        var imgHeight;
                        var screenWidth;
                        var screenHeight;
                        var imgIndex= $('.boxScroll').children('li').length;
                        var imgMax = imgIndex - 2;

                        //imgMove-function
                        function Marquee(){

                            if(itemTwo.offsetWidth - itemMove.scrollLeft <= 0)
                                itemMove.scrollLeft = itemMove.scrollLeft - itemTwo.offsetWidth;
                            else{
                                itemMove.scrollLeft++;
                            }
                        }
                        $('#imgMove img').hover(function(){

                            clearInterval(imgScroll);
                        },function(){

                            imgScroll = setInterval(Marquee,speed);
                        });

                        //退回imgMove
                        $('.boxExit img').click(function(){

                            speed = 15;
                            imgScroll = setInterval(Marquee,speed);
                            $('.banner4Box').css({'display':'none'});
                        });

                        //进入banner4Box
                        $('#imgMove img').click(function(){

                            speed = 999999;
                            imgIndex = $(this).parent().parent().index();
                            $('.banner4Box').css({'display':'block'});
                            $(window).resize();
                        });

                        $(window).resize(function(){

                            imgWidth = $('.boxCon').width();
                            imgHeight = $('.boxCon').height();
                            screenWidth = $(document).width();
                            screenHeight = $(document).height();

                            if(screenWidth>screenHeight){
                                imgWidth = imgHeight*3/2;
                            }else{
                                imgWidth = screenWidth*0.6;
                                imgHeight = imgWidth*2/3;
                            }

                            imgIndex++;
                            moveLeft = '-' + imgIndex*imgWidth;
                            $('.boxScroll').stop().animate({left:moveLeft},500);
                            $('.boxScroll').css({'width':(imgMax+2)*100+'%','left':-imgWidth+'px'});
                            $('.boxCon').css({'width':imgWidth});
                            $('.subBox').css({'height':imgHeight});
                        });


                        //banner4Box-function
                        $('.boxAfter').click(function(){

                            imgIndex++;
                            if(imgIndex > imgMax){
                                imgIndex=1;
                                $('.boxScroll').css('left','0px');
                                $('.boxScroll').stop().animate({left:-imgIndex*imgWidth},500);
                            }else{
                                $('.boxScroll').stop().animate({left:-imgIndex*imgWidth},500);
                            }
                        });
                        $('.boxBefore').click(function(){

                            imgIndex--;
                            if(imgIndex < 1){
                                imgIndex = imgMax;
                                $('.boxScroll').css('left',-(imgMax+2)*imgWidth+'px');
                                $('.boxScroll').stop().animate({left:-imgIndex*imgWidth},500);
                            }else{
                                $('.boxScroll').stop().animate({left:-imgIndex*imgWidth},500);
                            }
                        });
                        if(typeof(imgLazyloadLib)=="function")imgLazyloadLib($("#banner_style_04_1551337872047imgMove img"));
                    });
                </script>

            </div>
        </div>
    </div>
</div>
<div id="layout_1551336941685" class="layout  none"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
    <div class="view_contents">
        <div id="text_style_01_1551338315444" class="view style_01 text  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="text" class="view_contents" >
                立即购买，享受更多优惠

            </div>
        </div>
        <div id="customForm_style_button_01_1551338433073" class="view style_button_01 customForm  none lockHeightView"  data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
            <div names="customForm" class="view_contents" >
                <script>function btnTop(){$("html,body").animate({scrollTop:"0px"},1000);}function btnBottom(){var bodyH = $("html,body").height();$("html,body").animate({scrollTop:bodyH},1000);}</script><input type="button" name="" value="申请体验" class="squareButton  btnaSet" onclick="location.href='contact.html'"/>


                <script type="text/javascript">
                    if(typeof showcart !== 'function'){
                        function showcart(){
                            if(window.screen.width<767 || ($('body').width() > 0 && $('body').width() < 767)){
                                location.href = "//s207js.nicebox.cn/exusers/u_cart.php?idweb=8001&act=show&lang=0&v=9";
                            }else{
                                document.getElementById("boxName").innerHTML="";
                                if(document.getElementById("boxClose")) document.getElementById("boxClose").innerHTML="×";
                                document.getElementById("showiframe").src="//s207js.nicebox.cn/exusers/u_cart.php?idweb=8001&act=show&lang=0&v=9";
                                box.Show({width:'1000px', height:'600px'});
                            }
                        }
                    }

                </script>				</div>
        </div>
    </div>
</div>
{/block}
